<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--图片和页面在同级目录   alt:图片不能正常显示时显示的文本-->
<img src="aa.jpg" alt="美女图片">
<!--图片在页面的上级目录 title:鼠标在图片上悬停时显示的内容-->
<img src="../b.jpg" title="白色上衣">
<!--图片在页面的下级目录-->
<img src="abc/c.jpg" width="100" height="100">
<img src="abc/c.jpg" width="50%" >
<!--访问站外资源,图片盗链 -->
<img src="https://cdn.tmooc.cn/bsfile//courseImg///5f791c0985cc4a67a5c4dca6627155b0.jpg">

</body>
</html>